root { 
    display: block;
}
body{

    font-size: 9pt;
    font-family: arial,sans-serif;
    margin:0;
    padding:0;
    color:black;
    background:#999;
    text-align: left;
}

#container{
    width: 100%;
    margin: 0 auto 0 auto;
}
#wrapper {width: 100%;  background: white; float: left;}

a{color:#555;}

label{
    font-weight: bold;
    margin-top: 6px;
    padding: 6px;
}
input{
    margin-top: 6px;
    padding: 2px;
}

textarea{
    height: 150px;
}

select{
    font-family: Verdana,Geneva,sans-serif;
}

ul,ol{
    padding-left: 18px;
    list-style:none;
}
li{padding-bottom: 6px;}

h1{
    padding: 0px;
}

tr{
    background-color: #FFF;
}
tr:hover{
    background-color: #EEE;
}
td{
    padding:6px;
}
.td_option{
    width: 20px;
}
table{
    float: left;
    width: 100%;
    font-size: 8pt;
    border-spacing: 0px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    border-radius:6px;
    margin-bottom: 16px;
}

table tr:first-child td:first-child {
    border-top-left-radius:6px;
}
table tr:first-child td:last-child {
    border-top-right-radius:6px;

}
table tr:first-child td {

    border-top: 1px #ccc solid;
    background-color: #3d3d3d;
    color: #ccc;
}
table tr:first-child td a{
    color: #ccc;

}
/****************************************/

.btn{
    padding: 2px;
    min-width: 75px;
}
.error{
    padding: 4px;
    color: darkred;
}
.title{
    background-color: #3d3d3d;
    color: #ddd;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    padding: 6px;
}
#tr-title{
    background-color: #3d3d3d;
    color: #ddd;
}
.pager-list{
    min-width: 100%;
    float: left;
    text-align: center;
}
.pager-list a{
    margin:2px;
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
    border: 1px #ccc solid;
    border-radius:6px;
}
.pager-list .selected{
    margin:2px;
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
    border: 1px #ccc solid;
    border-radius:6px;
    background-color: #3d3d3d;
    color: #ccc;
}
/***************************************/
#container{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


#container form{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

#header{
    background-color: #333;
    color: #ccc;
    padding: 2px;
    margin-bottom: 12px;
    box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.5);
}

#left{
    min-width: 16%;
    float: left;
    margin-left: 12px;
    border: 1px #ccc solid;
    border-radius: 6px;
}

#right{
    min-width: 14%;
    float: left;
    margin-left: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;

}
#center{
    min-width: 65%;
    float: left;
    margin-left: 6px;
    border-radius: 6px;

}
#center .box{
    width: 65%;
    border-radius: 6px;
    border: 1px #ccc solid;
    float: left;
}
#center .box label{
    padding: 6px;
    margin-top: 6px;
}
#center .box input{
    margin: 6px;
    padding: 2px;
}
#center .box textarea{
    width: 95%;
    margin: 6px;
    padding: 2px;
}
.image_th{
    width: 128px;
    height: 96px;
    margin: 6px;
    padding: 2px;
    float: left;
}

#box-2{
    display: none;
}
#box-3{
    display: none;
}
#dx-box-2{
    display: none;
}
#dx-box-3{
    display: none;
}


#footer{
    margin-top: 24px;
    text-align: center;
    float: left;
    background-color: #333;
    color: #ccc;
    width: 98%;
    height: 50px;
    padding: 1%;
    border-top: 2px #000 solid;
}